<template>
    <VueDPlayer :options="options" id="dplayer"></VueDPlayer>
</template>
  
<script>
import VueDPlayer from 'vue-dplayer'
import "vue-dplayer/dist/vue-dplayer.css";

export default {
    props: ['fileId'],
    components: {
        VueDPlayer
    },
    data() {
        return {
            options: {
                container: document.getElementById("dplayer"),  
                hotkey: true, // 是否支持热键，调节音量，播放，暂停等
                preload: "auto", // 自动预加载
                playbackSpeed: [0.5, 0.75, 1, 1.25, 1.5, 2, 3], //可选的播放速度，可自定义
                theme: "#b7daff", // 风格颜色，例如播放条，音量条的颜色
                mutex: false, //  防止同时播放多个用户，在该用户开始播放时暂停其他用户
                lang: "zh-cn", // 语言，'en', 'zh-cn', 'zh-tw'
                loop: false, // 是否自动循环
                video: {
                    url: '/api/file/getFile/' + this.fileId,
                    // pic: 'http://cdn.localhost:8080/mov_bbb.jpg'
                }
            }
        }
    },
    methods:{
      
    }
}
</script>
  